.listitem {
  @apply -flex -flex-row -flex-nowrap -p-1 -gap-2 -items-center -rounded;
}
.listitem.selected {
  @apply -bg-primary-50;
}
.listitem.active {
  @apply -bg-primary-500 -text-canvas;
}

.item-icon,
.item-trailing-icon,
.item-avatar,
.item-trailing,
.item-actions {
  @apply -flex-none;
}

.item-icon.icon-EMPTY {
  @apply -hidden;
}

.item-subtitle {
  @apply -text-sm -opacity-80;
}

.item-text,
.item-content {
  @apply -flex-auto -min-w-0;
}

.item-leading,
.item-trailing {
  @apply -flex-none -flex -items-center -gap-2;
}

.item-checkbox {
  @apply --mr-2;
}

.item-content {
  @apply -flex -gap-2 -items-center;
}
.multiline > .item-content {
  @apply -gap-1 -items-start -flex-col;
}
